<%var obj = {pageTitle:"后台主页"}%>
{{include "../header.html" obj}}
<!-- 导航栏 -->
<%var obj={menuConfig:menuConfig,stuInfo:stuInfo}%>
{{include "./nav.html" obj}}
<div class="center">
    <div class="left col-sm-2 hidden-xs">
        {{include "./leftMenu.html" obj}}
    </div>
    <div class="right col-sm-10 col-xs-12 col-sm-offset-2">
        <!-- onload指当前这个iframe里面的网页已经加载完毕了 webkit为核心的，而ie则不是
        onreadystatechange 是ie里面的事件 -->
        <iframe src="" name="mainFrame" id="mainFrame" frameborder="0" onload="frameLoad()" onreadystatechange="readyStateChangeIE(this)"></iframe>
    </div>
</div>
<style type="text/css">
.center{
    position: fixed;
    top: 51px;
    width: 100%;
    bottom: 0;
}
.center>.left{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-right:1px solid lightgray ;
    padding: 0;
}
.center>.left .panel-body{
    padding: 0;
}
.center>.left .list-group{
    margin-bottom: 0;
}
.center>.right{
    position: absolute;
    top: 0;
    bottom: 0;
}
#mainFrame{
    width: 100%;
    height: 100%;
}
</style>

<script>
    //兼容webkit核心的浏览器
    function frameLoad(){
        //只要网页加载完成，我旧把之前的加载层关闭掉
        layer.closeAll();//关闭所有的加载层
    }
    //兼容ie的浏览器
    function readyStateChangeIE(obj){
        if(obj.readyState=="complete"){}
        layer.closeAll();
    }

</script>
{{include "../footer.html" }}